<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>图解Http三HTTP报文内的HTTP信息 | 清风向阳</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <meta name="keywords" content="Joker,Joker's Blog" />
  
  <meta name="description" content="HTTP通信过程包括客户端发往服务端的请求以及从服务端返回客户端的响应">
<meta name="keywords" content="HTTP">
<meta property="og:type" content="article">
<meta property="og:title" content="图解Http三HTTP报文内的HTTP信息">
<meta property="og:url" content="http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/index.html">
<meta property="og:site_name" content="清风向阳">
<meta property="og:description" content="HTTP通信过程包括客户端发往服务端的请求以及从服务端返回客户端的响应">
<meta property="og:image" content="http://jokero1o.github.io/images/blog_http_3-1.png">
<meta property="og:updated_time" content="2017-09-15T06:59:55.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="图解Http三HTTP报文内的HTTP信息">
<meta name="twitter:description" content="HTTP通信过程包括客户端发往服务端的请求以及从服务端返回客户端的响应">
<meta name="twitter:image" content="http://jokero1o.github.io/images/blog_http_3-1.png">
  
  
    <link rel="icon" href="/favicon_pic.ico">
  
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/style.css">
  <script src="/js/pace.min.js"></script>
  

  
  

</head>

<body>
  <div id="container">
      <header id="header">
    <div id="banner"></div>
    <div id="header-outer">
        <div id="header-menu" class="header-menu-pos animated">
            <div class="header-menu-container">
                <a href="/" class="left">
                    <span class="site-title">Joker&#39;s Blog</span>
                </a>
                <nav id="header-menu-nav" class="right">
                    
                    <a  href="/">
                        <i class="fa fa-home"></i>
                        <span>Home</span>
                    </a>
                    
                    <a  href="/archives">
                        <i class="fa fa-archive"></i>
                        <span>Archives</span>
                    </a>
                    
                    <a  href="/about">
                        <i class="fa fa-user"></i>
                        <span>About</span>
                    </a>
                    
                </nav>
                <a class="mobile-header-menu-button">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>
        <div id="header-row">
            <div id="logo">
                <a href="/">
                    <img src="/images/avatar.jpg" alt="logo">
                </a>
            </div>
            <div class="header-info">
                <div id="header-title">
                    
                    <h2>
                        Joker&#39;s Blog
                    </h2>
                    
                </div>
                <div id="header-description">
                    
                    <h3>
                        一个认真的技术博客
                    </h3>
                    
                </div>
            </div>
            <nav class="header-nav">
                <div class="social">
                    
                        <a title="Joker"  href="//joker-studio.pub">
                            <i class="fa fa-home fa-2x"></i></a>
                    
                        <a title="Github" target="_blank" href="//github.com/mjjde">
                            <i class="fa fa-github fa-2x"></i></a>
                    
                </div>
            </nav>
        </div>
    </div>
</header>
      <div class="outer">
        <section id="main" class="body-wrap"><article id="post-图解Http三HTTP报文内的HTTP信息" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 class="post-title" itemprop="name">
      图解Http三HTTP报文内的HTTP信息
    </h1>
    <div class="post-title-bar">
      <ul>
          
              <li>
                  <i class="fa fa-book"></i>
                  
                      <a href="/categories/网络技术/">网络技术</a>
                  
              </li>
          
        <li>
          <i class="fa fa-calendar"></i>  2017-04-29
        </li>
        <li>
          <i class="fa fa-eye"></i>
          <span id="busuanzi_value_page_pv"></span>
        </li>
      </ul>
    </div>
  

          
      </header>
    
    <div class="article-entry post-content" itemprop="articleBody">
      
            
            <blockquote>
<p>HTTP通信过程包括客户端发往服务端的请求以及从服务端返回客户端的响应<br><a id="more"></a></p>
</blockquote>
<h3 id="HTTP报文"><a href="#HTTP报文" class="headerlink" title="HTTP报文"></a><a href="#HTTP_u62A5_u6587" title="HTTP报文"></a>HTTP报文</h3><p>客户端发出的HTTP报文叫做请求报文，服务端返回的HTTP报文叫响应报文，报文通常包括两个部分，报文首部和报文主体，报文主体不一定存在。报文首部和报文主体以首次出现的换行符来划分(CR+LF)</p>
<h3 id="HTTP报文的结构"><a href="#HTTP报文的结构" class="headerlink" title="HTTP报文的结构"></a><a href="#HTTP_u62A5_u6587_u7684_u7ED3_u6784" title="HTTP报文的结构"></a>HTTP报文的结构</h3><p><img src="http://jokero1o.github.io/images/blog_http_3-1.png" alt=""></p>
<ol>
<li>请求行:包含请求的方法和使用的HTTP版本号</li>
<li>响应行:包含响应的HTTP版本号和状态码原因短语</li>
<li>首部字段:包含请求和响应的属性和条件的各类首部，一般有四种首部，通用首部，请求首部，响应首部，主体首部</li>
<li>其他: 可能包含HTTP的RFC里未定义的首部</li>
</ol>
<h3 id="编码提升传输速率"><a href="#编码提升传输速率" class="headerlink" title="编码提升传输速率"></a><a href="#u7F16_u7801_u63D0_u5347_u4F20_u8F93_u901F_u7387" title="编码提升传输速率"></a>编码提升传输速率</h3><p>HTTP在传输数据时，可以按照数据原貌直接传输，也可以使用编码来提升传输的速率。编码是由计算机处理的，所以这是一种资源换性能的手段。</p>
<h4 id="报文主体和实体主体的区别"><a href="#报文主体和实体主体的区别" class="headerlink" title="报文主体和实体主体的区别"></a><a href="#u62A5_u6587_u4E3B_u4F53_u548C_u5B9E_u4F53_u4E3B_u4F53_u7684_u533A_u522B" title="报文主体和实体主体的区别"></a>报文主体和实体主体的区别</h4><ol>
<li>报文是HTTP通信的基本单位，由8位组字节流组成，通过HTTP通信传输</li>
<li>实体是作为请求或者响应的有效载荷数据被传输，其内容由实体首部和实体主体组成<br>一般情况下报文主体是等于实体主体的，但是经过编码后的传输的实体主体发生变化，而导致传输中的报文主体发生变化，这样变化后的报文主体和为编码的主体是不等的。</li>
</ol>
<h4 id="压缩传输的内容编码"><a href="#压缩传输的内容编码" class="headerlink" title="压缩传输的内容编码"></a><a href="#u538B_u7F29_u4F20_u8F93_u7684_u5185_u5BB9_u7F16_u7801" title="压缩传输的内容编码"></a>压缩传输的内容编码</h4><p>内容编码是指明应用在实体上的编码格式，这种编码格式会保持实体主体原样压缩。服务端接收到内容编码的实体进行解压<br>常用的内容编码有：gzip(GNU zip)，compress(NUIX 系统的标准压缩),deflate(zlib),identity(不进行压缩)</p>
<h4 id="分割发送的分块传输编码"><a href="#分割发送的分块传输编码" class="headerlink" title="分割发送的分块传输编码"></a><a href="#u5206_u5272_u53D1_u9001_u7684_u5206_u5757_u4F20_u8F93_u7F16_u7801" title="分割发送的分块传输编码"></a>分割发送的分块传输编码</h4><p>HTTP传输在未完成时，浏览器是无法显示内容的，那么如果HTTP的传输是一块一块的传输的话，浏览器就会逐步的展示<br>这样将数据实体分割成一块一块的功能称为分块传输编码</p>
<h3 id="发送多种数据的多部分对象集合"><a href="#发送多种数据的多部分对象集合" class="headerlink" title="发送多种数据的多部分对象集合"></a><a href="#u53D1_u9001_u591A_u79CD_u6570_u636E_u7684_u591A_u90E8_u5206_u5BF9_u8C61_u96C6_u5408" title="发送多种数据的多部分对象集合"></a>发送多种数据的多部分对象集合</h3><p>HTTP协议中采用了多部分对象集合，发送一份报文主体内容内可含有多类型实体，通常是在数据上传图片文件文本是使用。</p>
<ol>
<li>multipart/form-data<br>在web表单文件上传是使用</li>
<li>multipart/byteranges<br>响应报文包括多个范围的内容使用<br>在HTTP报文中使用多部分对象集合是需要加入Content-type字段。<br>使用boundary来分割每个对象块，多部分对象起始位置使用–boundary来表明，接着每个部分都要使用–boundary来分开，最后使用–boundary–来结束<br>每个部分都可以是有首部对象，每个部分都可以嵌套子部分对象</li>
</ol>
<h3 id="获取部分内容的范围请求"><a href="#获取部分内容的范围请求" class="headerlink" title="获取部分内容的范围请求"></a><a href="#u83B7_u53D6_u90E8_u5206_u5185_u5BB9_u7684_u8303_u56F4_u8BF7_u6C42" title="获取部分内容的范围请求"></a>获取部分内容的范围请求</h3><p>下载大文件时在网络不稳定的时候容易失败，失败后就需要重新下载，为了解决这个为题，需要一种可以恢复之前下载的机制，就是好指定下载的范围。这就是范围请求</p>
<p>执行范围请求时需要加入首部字段Range来指定资源的byte范围。</p>
<figure class="highlight groovy"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line"><span class="string">Range:</span> <span class="keyword">byte</span>= <span class="number">10000</span><span class="number">-20000</span></div><div class="line"><span class="string">Range:</span> <span class="keyword">byte</span>= <span class="number">10000</span>-</div><div class="line"><span class="string">Range:</span> bytes=<span class="number">-3000</span>, <span class="number">5000</span><span class="number">-7000</span></div></pre></td></tr></table></figure>
<p>针对范围请求的正确返回的状态码是206，如果无法响应范围资源就返回200 并返回所有的主体。</p>
<h3 id="内容协商返回最合适的内容"><a href="#内容协商返回最合适的内容" class="headerlink" title="内容协商返回最合适的内容"></a><a href="#u5185_u5BB9_u534F_u5546_u8FD4_u56DE_u6700_u5408_u9002_u7684_u5185_u5BB9" title="内容协商返回最合适的内容"></a>内容协商返回最合适的内容</h3><p>内容协商是指服务端与客户端就响应的资源内容进行交涉，返回给客户端最为适合的内容</p>
<ol>
<li><p>服务端驱动协商<br>客户端提供首部字段给服务端，服务端来进行内容协商<br>如 Accept，Accept-Charset，Accept-Encoding，Accept-Language，Content-Language</p>
</li>
<li><p>客户端驱动协商<br>有客户端负责内容协商，可以有某个按钮或者js来控制内容</p>
</li>
<li><p>透明协商<br>服务端驱动和客户端驱动的结合体，由服务端和客户端各自进行协商的一种方式</p>
</li>
</ol>

            <div class="post-copyright">
    <div class="content">
        <p>最后更新： 2017年09月15日 14:59</p>
        <p>原始链接： <a class="post-url" href="/2017/04/29/图解Http三HTTP报文内的HTTP信息/" title="图解Http三HTTP报文内的HTTP信息">http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/</a></p>
        <footer>
            <a href="http://mjjde.github.io">
                <img src="/images/avatar.jpg" alt="Joker Mei">
                Joker Mei
            </a>
        </footer>
    </div>
</div>

      
    </div>
    <footer class="article-footer">
        
        
<div class="post-share">
    <a href="javascript:;" id="share-sub" class="post-share-fab">
        <i class="fa fa-share-alt"></i>
    </a>
    <div class="post-share-list" id="share-list">
        <ul class="share-icons">
          <li>
            <a class="weibo share-sns" target="_blank" href="http://service.weibo.com/share/share.php?url=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/&title=《图解Http三HTTP报文内的HTTP信息》 — 清风向阳&pic=http://mjjde.github.ioimages/avatar.jpg" data-title="微博">
              <i class="fa fa-weibo"></i>
            </a>
          </li>
          <li>
            <a class="weixin share-sns" id="wxFab" href="javascript:;" data-title="微信">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/&title=《图解Http三HTTP报文内的HTTP信息》 — 清风向阳&source=
HTTP通信过程包括客户端发往服务端的请求以及从服务端返回客户端的响应" data-title="QQ">
              <i class="fa fa-qq"></i>
            </a>
          </li>
          <li>
            <a class="facebook share-sns" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/" data-title="Facebook">
              <i class="fa fa-facebook"></i>
            </a>
          </li>
          <li>
            <a class="twitter share-sns" target="_blank" href="https://twitter.com/intent/tweet?text=《图解Http三HTTP报文内的HTTP信息》 — 清风向阳&url=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/&via=http://mjjde.github.io" data-title="Twitter">
              <i class="fa fa-twitter"></i>
            </a>
          </li>
          <li>
            <a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/" data-title="Google+">
              <i class="fa fa-google-plus"></i>
            </a>
          </li>
        </ul>
     </div>
</div>
<div class="post-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;" id="wxShare-close">×</a>
    <p>扫一扫，分享到微信</p>
    <img src="//api.qrserver.com/v1/create-qr-code/?data=http://mjjde.github.io/2017/04/29/图解Http三HTTP报文内的HTTP信息/" alt="微信分享二维码">
</div>

<div class="mask"></div>

        
        <ul class="article-footer-menu">
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/HTTP/" class="color5">HTTP</a>
      
  </li>

        </ul>
        
    </footer>
  </div>
</article>


    <aside class="post-toc-pos post-toc-top" id="post-toc">
        <nav class="post-toc-wrap">
            <ol class="post-toc"><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#HTTP报文"><span class="post-toc-text">HTTP报文</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#HTTP报文的结构"><span class="post-toc-text">HTTP报文的结构</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#编码提升传输速率"><span class="post-toc-text">编码提升传输速率</span></a><ol class="post-toc-child"><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#报文主体和实体主体的区别"><span class="post-toc-text">报文主体和实体主体的区别</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#压缩传输的内容编码"><span class="post-toc-text">压缩传输的内容编码</span></a></li><li class="post-toc-item post-toc-level-4"><a class="post-toc-link" href="#分割发送的分块传输编码"><span class="post-toc-text">分割发送的分块传输编码</span></a></li></ol></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#发送多种数据的多部分对象集合"><span class="post-toc-text">发送多种数据的多部分对象集合</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#获取部分内容的范围请求"><span class="post-toc-text">获取部分内容的范围请求</span></a></li><li class="post-toc-item post-toc-level-3"><a class="post-toc-link" href="#内容协商返回最合适的内容"><span class="post-toc-text">内容协商返回最合适的内容</span></a></li></ol>
        </nav>
    </aside>
    

<nav id="article-nav">
  
    <a href="/2017/05/04/图解Http四返回结果的HTTP状态码/" id="article-nav-newer" class="article-nav-link-wrap">

      <span class="article-nav-title">
        <i class="fa fa-hand-o-left" aria-hidden="true"></i>
        
          图解Http四返回结果的HTTP状态码
        
      </span>
    </a>
  
  
    <a href="/2017/04/28/图解Http一了解Web及网络服务/" id="article-nav-older" class="article-nav-link-wrap">
      <span class="article-nav-title">图解Http一了解Web及网络服务</span>
      <i class="fa fa-hand-o-right" aria-hidden="true"></i>
    </a>
  
</nav>



    
</section>
        
      </div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      
<p>
    <span id="busuanzi_container_site_uv" style='display:none'>
        总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style='display:none'>
        总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


      <p>
        Powered by  <a href="http://hexo.io/" target="_blank">Hexo</a>
        Theme <a href="//github.com/wongminho/hexo-theme-miho" target="_blank">MiHo</a>
      &copy; 2018 Joker Mei<br>
      </p>
    </div>
  </div>
</footer>
    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
  var mihoConfig = {
      root: "http://mjjde.github.io",
      animate: false,
      isHome: false,
      share: true
  }
</script>
<div class="sidebar">
    <!-- <div id="sidebar-search" title="Search">
        <i class="fa fa-search"></i>
    </div> -->
    <div id="sidebar-category" title="Categories">
        <i class="fa fa-book"></i>
    </div>
    <div id="sidebar-tag" title="Tags">
        <i class="fa fa-tags"></i>
    </div>
    <div id="sidebar-top">
        <span class="sidebar-top-icon"><i class="fa fa-angle-up"></i></span>
    </div>
</div>
<div class="sidebar-menu-box" id="sidebar-menu-box">
    <div class="sidebar-menu-box-container">
        <div id="sidebar-menu-box-categories">
            <a class="category-link" href="/categories/Android技术/">Android技术</a><a class="category-link" href="/categories/其他技术/">其他技术</a><a class="category-link" href="/categories/网络技术/">网络技术</a><a class="category-link" href="/categories/设计模式/">设计模式</a>
        </div>
        <div id="sidebar-menu-box-tags">
            <a href="/tags/Activity/" style="font-size: 10px;">Activity</a> <a href="/tags/Android/" style="font-size: 16px;">Android</a> <a href="/tags/Android-IPC/" style="font-size: 10px;">Android-IPC</a> <a href="/tags/Binder/" style="font-size: 16px;">Binder</a> <a href="/tags/DiskLruCache/" style="font-size: 10px;">DiskLruCache</a> <a href="/tags/Fragment/" style="font-size: 10px;">Fragment</a> <a href="/tags/HTTP/" style="font-size: 20px;">HTTP</a> <a href="/tags/Java/" style="font-size: 10px;">Java</a> <a href="/tags/Notification/" style="font-size: 10px;">Notification</a> <a href="/tags/RemoteView/" style="font-size: 10px;">RemoteView</a> <a href="/tags/Rxjava/" style="font-size: 14px;">Rxjava</a> <a href="/tags/ServiceManager/" style="font-size: 14px;">ServiceManager</a> <a href="/tags/android/" style="font-size: 12px;">android</a> <a href="/tags/gradle/" style="font-size: 10px;">gradle</a> <a href="/tags/java/" style="font-size: 18px;">java</a> <a href="/tags/other/" style="font-size: 10px;">other</a> <a href="/tags/volley/" style="font-size: 12px;">volley</a> <a href="/tags/widget/" style="font-size: 10px;">widget</a> <a href="/tags/事件/" style="font-size: 10px;">事件</a> <a href="/tags/组件化/" style="font-size: 10px;">组件化</a> <a href="/tags/设计模式/" style="font-size: 18px;">设计模式</a>
        </div>
    </div>
    <a href="javascript:;" class="sidebar-menu-box-close">&times;</a>
</div>
<div class="mobile-header-menu-nav" id="mobile-header-menu-nav">
    <div id="mobile-header-menu-container">
        <span class="title">Menu</span>
        <ul class="mobile-header-menu-navbar">
            
            <li>
                <a  href="/">
                    <i class="fa fa-home"></i><span>Home</span>
                </a>
            </li>
            
            <li>
                <a  href="/archives">
                    <i class="fa fa-archive"></i><span>Archives</span>
                </a>
            </li>
            
            <li>
                <a  href="/about">
                    <i class="fa fa-user"></i><span>About</span>
                </a>
            </li>
            
        </ul>
    </div>
</div>
<div class="search-wrap">
    <span class="search-close">&times;</span>
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
            <i class="icon icon-lg icon-chevron-left"></i>
        </a>
        <input class="search-field" placeholder="Search..." id="keywords">
        <a id="search-submit" href="javascript:;">
            <i class="fa fa-search"></i>
        </a>
    <div class="search-container" id="search-container">
        <ul class="search-result" id="search-result">
        </ul>
    </div>
</div>

<div id="search-tpl">
    <li class="search-result-item">
        <a href="{url}" class="search-item-li">
            <span class="search-item-li-title" title="{title}">{title}</span>
        </a>
    </li>
</div>
<script src="/js/search.js"></script>
<script src="/js/main.js"></script>








  </div>
</body>
</html>